import { cn } from "@typebot.io/ui/lib/cn";

export const ChatwootLogo = ({
  className,
  ...props
}: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 512 512"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={cn("size-4", className)}
    {...props}
  >
    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g fillRule="nonzero">
        <circle fill="#47A7F6" cx="256" cy="256" r="256"></circle>
        <path
          d="M362.807947,368.807947 L244.122956,368.807947 C178.699407,368.807947 125.456954,315.561812 125.456954,250.12177 C125.456954,184.703089 178.699407,131.456954 244.124143,131.456954 C309.565494,131.456954 362.807947,184.703089 362.807947,250.12177 L362.807947,368.807947 Z"
          stroke="#FFFFFF"
          strokeWidth="6"
          fill="#FFFFFF"
        ></path>
      </g>
    </g>
  </svg>
);
